<template>
  <view class="agreement">
    <view class="title">用户协议</view>

    <view class="section">
      <view class="subtitle">
        欢迎使用本微信小程序（以下简称“本小程序”）。为使用本小程序的服务，请您仔细阅读并同意本用户协议（以下简称“本协议”）。一旦您使用本小程序，即表示您已同意并接受本协议的所有条款和条件。
      </view>
    </view>

    <view class="section">
      <view class="subtitle">一、协议的接受</view>
      <view class="text">1.1 您在使用本小程序提供的服务之前，应仔细阅读本协议。若您不同意本协议中的任何条款，请停止使用本小程序。</view>
      <view class="text">1.2 本协议是您与本小程序运营方之间的法律协议，具有法律约束力。</view>
    </view>

    <view class="section">
      <view class="subtitle">二、服务内容</view>
      <view class="text">2.1 本小程序提供的具体服务内容以小程序页面展示为准，包括但不限于信息浏览、互动交流等功能。</view>
      <view class="text">2.2 本小程序有权根据实际情况随时调整服务内容，且无须事先通知用户。</view>
    </view>

    <view class="section">
      <view class="subtitle">三、用户行为规范</view>
      <view class="text">3.1 用户在使用本小程序服务时，必须遵守国家法律法规及相关规定，不得利用本小程序从事非法活动。</view>
      <view class="text">3.2 用户不得通过本小程序发布、传播任何违法、侵权、淫秽、暴力、诽谤等不良信息。</view>
      <view class="text">3.3 用户不得干扰、破坏本小程序的正常运营，不得通过技术手段恶意攻击本小程序的服务器及网络。</view>
    </view>

    <view class="section">
      <view class="subtitle">四、隐私保护</view>
      <view class="text">4.1 本小程序重视用户隐私保护，承诺不会公开或向第三方提供用户的注册信息及用户在使用本小程序服务时存储的非公开内容，以下情况除外：</view>
      <view class="text indent">- 经用户明确授权或同意；</view>
      <view class="text indent">- 根据相关法律法规的要求；</view>
      <view class="text indent">- 按照相关政府主管部门的要求；</view>
      <view class="text indent">- 为维护社会公众的利益。</view>
      <view class="text">4.2 用户的个人信息将按照本小程序的《隐私政策》进行处理，详细内容请参见本小程序的《隐私政策》。</view>
    </view>

    <view class="section">
      <view class="subtitle">五、知识产权</view>
      <view class="text">5.1 本小程序所包含的内容（包括但不限于文字、图片、音频、视频、图表等）的知识产权归本小程序及相关权利人所有。未经本小程序或相关权利人事先书面同意，用户不得擅自复制、修改、传播、出版、转授权、制作衍生品或以其他任何方式使用上述内容。</view>
      <view class="text">5.2 用户在本小程序上发布的内容，用户应保证其对该内容拥有合法权利，不侵犯任何第三方的合法权益。若因用户发布的内容导致本小程序遭受任何第三方的索赔、诉讼或损失，用户应承担全部法律责任。</view>
    </view>

    <view class="section">
      <view class="subtitle">六、责任限制</view>
      <view class="text">6.1 本小程序对因不可抗力或本小程序无法控制的原因导致的服务中断或其他缺陷不承担责任，但将尽力减少因此而给用户造成的损失和影响。</view>
      <view class="text">6.2 本小程序不对用户发布的信息的真实性、准确性、合法性负责，用户应对其发布的信息承担全部法律责任。</view>
    </view>

    <view class="section">
      <view class="subtitle">七、协议的修改</view>
      <view class="text">7.1 本小程序有权随时修改本协议的任何条款，并将在小程序中进行公告。若用户在本协议条款修改后继续使用本小程序，即视为用户接受修改后的协议。</view>
    </view>

    <view class="section">
      <view class="subtitle">八、其他</view>
      <view class="text">8.1 本协议的成立、生效、履行、解释及争议解决均适用中华人民共和国法律。</view>
      <view class="text">8.2 如本协议中的任何条款被视为无效或不可执行，该条款将视为可分的，并不影响其余条款的有效性和可执行性。</view>
      <view class="text">8.3 本协议最终解释权归本小程序运营方所有。</view>
    </view>

    <view class="section">
      <view class="text">感谢您阅读本协议，并希望您能享受使用本小程序带来的便利和服务。</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>

<style>
.agreement {
  padding: 20px;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  background-color: #fafafa;
}

.title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0055a5;
  border-bottom: 2px solid #0055a5;
  padding-bottom: 10px;
}

.section {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.subtitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
  border-left: 4px solid #0055a5;
  padding-left: 10px;
}

.text {
  margin-bottom: 10px;
  color: #555;
}

.indent {
  padding-left: 20px;
  color: #777;
}
</style>